<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="less">
	/*每个页面公共css */
	/*遮罩提示*/
	uni-button:after{
		border: 0px!important;
	}
	.uni-button:after{
		border: 0px!important;
	}
	*{
		box-sizing: border-box;
	}
	uni-toast .uni-toast{
		width: 100px;
	}
	uni-toast .uni-toast__content{
		font-size: 15px;
	}
	.uni-input-placeholder{
		color: #999999;
	}
	
	.input-placeholder {
		color: #CCCCCC;
	}
	body {
		background-color: #f4f5f6;
		font-family: -apple-system, Helvetica, Arial, Tahoma, "PingFang SC", "Hiragino Sans GB", "Lantinghei SC", "Microsoft YaHei", sans-serif;
	}
	
	view {
		box-sizing: border-box;
	}
	@font-face {
		font-family: texticons;
		font-weight: normal;
		font-style: normal;
		src: url('https://at.alicdn.com/t/font_702773_ttt8tj203j.ttf') format('truetype');
	}
	@font-face {
	  font-family: 'iconfont';  /* project id 1297875 */
	  src: url('//at.alicdn.com/t/font_1297875_w71v4tu2z7o.eot');
	  src: url('//at.alicdn.com/t/font_1297875_w71v4tu2z7o.eot?#iefix') format('embedded-opentype'),
	  url('//at.alicdn.com/t/font_1297875_w71v4tu2z7o.woff2') format('woff2'),
	  url('//at.alicdn.com/t/font_1297875_w71v4tu2z7o.woff') format('woff'),
	  url('//at.alicdn.com/t/font_1297875_w71v4tu2z7o.ttf') format('truetype'),
	  url('//at.alicdn.com/t/font_1297875_w71v4tu2z7o.svg#iconfont') format('svg');
	}
	/* 列表 */
	.uni-list {
		background-color: #FFFFFF;
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	
	.uni-list:after {
		position: absolute;
		z-index: 10;
		right: 0;
		bottom: 0;
		left: 0;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #c8c7cc;
	}
	
	.uni-list::before {
		position: absolute;
		z-index: 10;
		right: 0;
		top: 0;
		left: 0;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #c8c7cc;
	}
	
	.uni-list-cell {
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	
	.uni-list-cell-hover {
		background-color: #eee;
	}
	
	.uni-list-cell-pd {
		padding: 22upx 30upx;
	}
	
	.uni-list-cell-left {
		font-size: 28upx;
		padding: 0 30upx;
	}
	
	.uni-list-cell-db,
	.uni-list-cell-right {
		flex: 1;
	}
	
	.uni-list-cell::after {
		position: absolute;
		z-index: 3;
		right: 0;
		bottom: 0;
		left: 30upx;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #e5e5e5;
	}
	
	.uni-list .uni-list-cell:last-child::after {
		height: 0upx;
	}
	
	.uni-list-cell-last.uni-list-cell::after {
		height: 0upx;
	}
	
	.uni-list-cell-divider {
		position: relative;
		display: flex;
		font-size: 28upx;
		line-height: 32upx;
		color: #999;
		background-color: #f4f5f6;
		padding: 16upx 30upx;
	}
	
	/* .uni-list-cell-divider::before {
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #e5e5e5;
	}
	
	.uni-list-cell-divider::after {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0upx;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #e5e5e5;
	} */
	
	.uni-list-cell-navigate {
		color: #333333;
		font-size: 32upx;
		padding: 20upx 30upx;
		line-height: 48upx;
		position: relative;
		display: flex;
		box-sizing: border-box;
		width: 100%;
		flex: 1;
		justify-content: space-between;
		align-items: center;
	}
	
	.uni-list-cell-navigate {
		padding-right: 36upx;
	}
	
	.uni-navigate-badge {
		padding-right: 50upx;
	}
	
	.uni-list-cell-navigate.uni-navigate-right:after {
		font-family: uniicons;
		content: '\e583';
		position: absolute;
		right: 24upx;
		top: 50%;
		color: #bbb;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.uni-list-cell-navigate.uni-navigate-bottom:after {
		font-family: uniicons;
		content: '\e581';
		position: absolute;
		right: 24upx;
		top: 50%;
		color: #bbb;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.uni-list-cell-navigate.uni-navigate-bottom.uni-active::after {
		font-family: uniicons;
		content: '\e580';
		position: absolute;
		right: 24upx;
		top: 50%;
		color: #bbb;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.uni-collapse.uni-list-cell {
		flex-direction: column;
	}
	
	.uni-list-cell-navigate.uni-active {
		background: #eee;
	}
	
	.uni-list.uni-collapse {
		box-sizing: border-box;
		height: 0;
		overflow: hidden;
	}
	
	.uni-collapse .uni-list-cell {
		padding-left: 20upx;
	}
	
	.uni-collapse .uni-list-cell::after {
		left: 52upx;
	}
	
	.uni-list.uni-active {
		height: auto;
	}
</style>
